<template>
<div>
<div>
<van-nav-bar
  title="时光机"
  left-text=""
  left-arrow
  @click-left="onClickLeft"
/>
</div>
<div class="dao">
  <img :src="images" alt="">
</div>
<div class="center">
  <p class="shang">上传宝宝从小到大的样子</p>
  <p class="mei">每一寸时光都是成长的样子</p>
</div>
<div>
  
  <van-button round class="ru" to="/cloudphoto">开始导入</van-button>
  
</div>
</div>
</template>

<script>
import axios from 'axios';
export default {
    name:'Loadimg',
    data(){
      return{
        images:''
      }
    },
    methods: {
    onClickLeft() {
      this.$router.go(-1)
    }
    },
    mounted() {
      let that = this
      axios({
        url:'http://www.liaotian.com/api/imgdatails'
      }).then(function(data){
        that.images = data.data.data.limg
      })
    }
    
  
}
</script>

<style scoped>
.dao{
width: 300px;
height: 300px;
border-radius: 12px;
background:#ccc;
margin:64px 38px 0 37px;
color:#000;
overflow: hidden;
}
.shang{
width: 154px;
height: 20px;
color: rgba(102, 102, 102, 1);
margin-left:104px
}
.mei{
width: 168px;
height: 20px;
color: rgba(102, 102, 102, 1);
margin-left:104px
}
.ru{
  width:208px;
  height:40px;
  background:#ccc;
  line-height: 40px;
  margin-left:84px;
}
.center{
  margin-top: 38px;
  font-size: 14px;
}
</style>